<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单学习</title>
</head>

<!-- css样式表 -->
 <style>
    input{
         font-size: 30px;
         color: aqua;




         span{
            color: royalblue;
         }

     img{
        width: 300px;
        border-radius: 150px ;
     }


    }

/* 类选择器 */
.kehu{
    border-radius: 30px;
    rotate: 45deg;                                                                                                                                             
}
.kuandu{
    width: 200px;
}
.chunyuan{
    width: 100px;
    border-radius: 50px;
}



</style>

<body style="font-size: 40px;">
    <img class="kehu" "kuandu" "chunyuan" src="https://www.baidu.com/img/flexible/logo/pc/result.png" alt="">
    <br>
    <br>
    <form action="" style="border: 1px green solid; padding: 20px;">
        用户名：<input type="text" placeholder="请输入中文 <br>
        密码：<input type="password" placeholder="请输入密码"><br>


        爱好：
        <input type="checkbox" name="hobby" value="篮球">篮球
        <input type="checkbox" name="hobby" value="足球">足球
        <input type="checkbox" name="hobby" value="乒乓球">乒乓球<br>

        <br>性别：
        <input type="radio" name="sex" id="" value="男">男
        <input type="radio" name="sex" id="" checked value="女">女
        <input type="radio" name="sex" id="" value="未知">未知<br>

        <br>生日：
        <input type="date" name="" id="">
        <input type="datetime-local" name="" id="">

        邮箱：
        <input type="email" name="" id="" placeholder="请输入邮箱">
        上传头像：
        <input type="file" name="" id="">
        存款：
        <input type="number" name="" id="" step="10" placeholder="请输入整数">
        <br> 籍贯：
        <select name="" id="">
            <option value="">请选择</option>
            <option value="北京">北京</option>
            <option value="上海">上海</option>
            <option value="四川">四川</option>
            <option value="湖北">湖北</option>
            <option value="广东">广东</option>
            <option value="天津">天津</option>

        </select>
        <br>
            <input type="button" value="登录" title="lodin">
            <input type="button" value="注册"title="给新用户注册的">
            <input type="reset" value="重置"><br>
            你喜欢的颜色：
            <input type="color" name="" id="">

            <br>















    </form>




</body>

</html>